<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>分页</title>
		<link rel="stylesheet" type="text/css" href="../node_modules/bootstrap/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../css/getcategorytitle.css"/>
	</head>
	<body ng-app="ggtApp" ng-controller="ggtCtrl">
		<!--头部通栏-->
		<div class="header">
		 	<h1>
		 		<a class="logo" ng-href="../index.html"><img src="../images/header_logo.png"/></a>
		 	</h1>
		 	<a href="#" class="header-app"><img src="../images/header_app.png"/></a>
		</div>
		<!--搜索模块-->
		<div class="search">
			<form>
			    <div id="" class="search-info">
			        <div class="searchtxt">
			            <input value="" name="key" type="search" placeholder="请输入你想比价的商品">
			        </div>
			        <div class="searchbtn">
			            <input type="submit" value="搜索">
			        </div>
			    </div>
			</form>
		</div>
		<!--主体部分-->
		<div class="main clearfix" ng-cloak="">
			<div ng-repeat="title in data" class="panel-group" role="tablist" aria-multiselectable="true">
				<div class="panel panel-default" ng-click="showId(title.titleId)">
					<div class="panel-heading" role="tab">
						<h4 class="panel-title">
				        <a class="main-title" role="button" ng-click="isShow=!isShow" data-parent="#accordion" href="javascript:;" aria-expanded="true">
				          	{{title.title}}
				          	<span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
				        </a>
				      </h4>
					</div>
					<div class="panel-collapse collapse in" ng-show="isShow" role="tabpanel">
						<div class="panel-body box-info">
							<ul class="clearfix">
								<li ng-repeat="datalt in datalist[title.titleId]" class="col-sm-3"><a ng-href="productlist.html?categoryId={{datalt.categoryId}}">{{datalt.category}}</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--脚部-->
		<div class="footer">
			<div class="foot_top">
				<a href="">登录</a>
				<a href="">注册</a>
				<a href="javascript:pageScroll();" id='top'>
					<img src="../images/top.jpg" alt="">返回顶部</a>
			</div>
			<div class="foot_bottom">
				<p>
					<a href="">手机APP下载</a>
					<a href="">慢慢买手机版</a>
					-- 掌上比价平台
				</p>
				<p>m.manmanbuy.com</p>
			</div>
		</div>
		<script src="../node_modules/jquery/dist/jquery.js"></script>
		<script src="../node_modules/angular/angular.js"></script>
		<script src="../node_modules/bootstrap/dist/js/bootstrap.js"></script>
		<script src="../js/getcategorytitle.js"></script>
		<script>
			function pageScroll() {
				window.scrollBy(0, -10);
				scrolldelay = setTimeout('pageScroll()', -1);
				if(window.scrollY == 0) {
					clearTimeout(scrolldelay);
				}
			}
		</script>
	</body>
</html>
